<template>
    <page-container>
        <cu-custom slot="header" bgColor="bg-white" :isBack="true">
            <block slot="backText"></block>
            <block slot="content">工商资质</block>
        </cu-custom>
        <view slot="center">
            <!-- 顶部标题 -->
            <view class="title">
                <view class="title_msg">醒目购网店经营者相关资质信息</view>
                <view class="title_subtitle">根据相关法律法规要求，经营者相关资质信息公示如下：</view>
            </view>
            <!-- 图片区域 -->
            <view class="imagebox">
                <image :src="certificate" mode="widthFix"></image>
            </view>
            <!-- 注意事项区域 -->
            <view class="tips">
                <view class="tips_paragraph">注：以上营业执照信息来源于卖家自行申报或工商系统数据，具体以工商部门登记为准。</view>
                <view class="tips_paragraph">经营者需确保信息真实有效，平台也将定期核查。如与实际不符，为避免违规，请联系当地工商部门或平台客服更新。</view>
            </view>
        </view>
    </page-container>
</template>

<script>
import introduce from '../public/js/introduce.js'// 店铺详情数据接口
export default {
	data() {
		return {
			siteId: 0
		}
	},
	mixins: [introduce],
	onLoad(options) {
		console.log(options)
		if (!options.site_id) {
			this.$util.redirectTo('/otherpages/shop/index/index', {}, 'redirectTo')
			return
		}
		this.siteId = options.site_id
		this.getShopInfo()
	}
}
</script>

<style lang="scss" scoped>
.title {
    padding: 40rpx 30rpx;

    &_msg {
        font-size: 36rpx;
        font-weight: bold;
        color: #222222;
    }

    &_subtitle {
        font-size: 24rpx;
        font-weight: bold;
        color: #222222;
    }
}

.imagebox {
    width: 100%;
    padding: 0 30rpx;

    image {
        width: 100%;
    }
}

.tips {
    padding: 40rpx 30rpx;

    &_paragraph {
        font-size: 28rpx;
        font-weight: 500;
        color: #999999;
    }
}
</style>
